<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="address=no" />
    <meta name="format-detection" content="date=no" />
    <title>诚邀合作</title>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link href="css/common.css" rel="stylesheet" />
    <script src="js/common.js"></script>
  </head>
  <body class="cooperation">
    <header class="top">
      <nav>
        <div class="left left_close"></div>
          <div class="logo"></div>
          <a href="#"><div class="right right_close"></div></a>
      </nav>
      <ul class="open_list">
          <li><a href="index.html" class="first_a">首页</a></li>
          <li class="open_list_class">
            <a href="javascript:;" class="first first_a">服务项目<em class="jt"></em></a>
            <ul class="section">
              <li><a href="family_education.html">家庭教育</a></li>
              <li><a href="train.html">校园培训</a></li>
              <li><a href="service_xwkc.html">校外课程</a></li>
              <li><a href="tech.html">技术支持</a></li>
            </ul>
          </li>
          <li><a href="cooperation.html" class="first_a a_active">诚邀合作</a></li>  
          <li><a href="about_us.html" class="first_a">关于我们</a></li>
      </ul>
      <ul class="me_list">
          <li><a href="me_editor.html" class="first_a">修改信息</a></li>
          <li><a href="me_images.html" class="first_a">我的图片</a></li>
          <li><a href="login.html" class="first_a">退出登录</a></li>
      </ul>
    </header>
    <section class="cooperation_top">
       <a href="#">
        <div>
            <img src="images/cooperation_top.JPG">
          </div>
      </a>
    </section>
    <section class="cooperation_title cooperation_title1">
       <h1>合作项目</h1>
       <h2>Cooperative program</h2>
    </section>
    <section class="roll_wrap roll_wrap1">
       <ul class="roll_main">
          <li>
            <a href="javascript:;">
              <img src="images/cooperation1.JPG" />
              <p>家庭教育培训</p>
            </a>
          </li>
          <li><a href="javascript:;"><img src="images/cooperation2.JPG" /><p>师生社会情感技能培训</p></a></li>
          <li><a href="javascript:;"><img src="images/cooperation3.JPG" /><p>青少年素质培养</p></a></li>
          <li><a href="javascript:;"><img src="images/cooperation4.JPG" /><p>户外拓展器材定制</p></a></li>
          <li><a href="javascript:;"><img src="images/cooperation5.JPG" /><p>校外课程合作</p></a></li>
      </ul>
    </section> 
    <section class="cooperation_middle">
       <a href="#">
        <div>
            <img src="images/cooperation_middle.JPG">
          </div>
      </a>
    </section>
    <section class="roll_wrap roll_wrap2">
       <ul class="roll_main">
          <li><a href="javascript:;"><img src="images/cooperation21.jpg" /></a></li>
          <li><a href="javascript:;"><img src="images/cooperation22.jpg" /></a></li>
          <li><a href="javascript:;"><img src="images/cooperation23.jpg" /></a></li>
          <li><a href="javascript:;"><img src="images/cooperation24.jpg" /></a></li>
          <li><a href="javascript:;"><img src="images/cooperation25.jpg" /></a></li>
          <li><a href="javascript:;"><img src="images/cooperation26.jpg" /></a></li>
          <li><a href="javascript:;"><img src="images/cooperation27.jpg" /></a></li>
          <li><a href="javascript:;"><img src="images/cooperation28.jpg" /></a></li>
          <li><a href="javascript:;"><img src="images/cooperation29.jpg" /></a></li>
          <li><a href="javascript:;"><img src="images/cooperation210.jpg" /></a></li>
      </ul>
    </section> 
    <section class="cooperation_bottom">
       <a href="#">
        <div>
            <img src="images/cooperation_bottom.jpg">
          </div>
      </a>
    </section>
    <section class="cooperation_title cooperation_title2">
       <h1>联系我们</h1>
       <h2>contact us</h2>
       <div class="contact_information clear">
         <img src="./images/lzy_ewm.png" alt="" />
         <div>
           <p><span>客&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;服：<em class="mess_left">小鱼老师</em></span><span>公司电话：<em>010-87951867</em></span></p>
           <p><span>微&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;信：<em class="mess_left">扫码识别</em></span><span>手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：<em>18515079595</em></span></p>
           <p><span>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：<em>bjlzyjy@163.com</em></span></p>
         </div>
       </div>
    </section>
    <section class="cooperation_title cooperation_title3">
       <h1>合作意向书</h1>
       <h2>Letter of intent</h2>
       <div class="cooperation_ewm">
         <img src="./images/cooperation_ewm.png"/>
         <p>无需添加好友<br />扫码填写合作意向表</p>
       </div>
    </section>
    <footer class="bottom">
      <h1>北京乐知鱼教育科技有限公司 —— 专业的教育支持平台</h1>
      <p>地址：北京市朝阳区东四环中路195号华腾新天地大厦509室</p>
      <p>乐知鱼版权所有，京ICP备16063606号</p>
    </footer>
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function(){
          var oDiv = document.getElementsByClassName('roll_wrap')[0];
          var oUl = document.getElementsByClassName('roll_main')[0];
          roll(oDiv,oUl);
          var oDiv1 = document.getElementsByClassName('roll_wrap')[1];
          var oUl1 = document.getElementsByClassName('roll_main')[1];
          roll(oDiv1,oUl1);
        });
    </script>
</body>
</html>
